
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>后端技术与项目开发</title>

    <link rel="stylesheet" href="./css/in5.css">
</head>


<body>
 
            <!-- 导航栏 -->
            <div class="nav">
                <div class="logo"></div>
                <span></span>
                <ul class="nav-a">
                    <li><a href="#" class="shouye"></a></li>
                    <li><a href="#rel" class="rel"></a></li>
                    <li><a href="#edu" class="edu"></a></li>
                    <li><a href="#tra" class="tra"></a></li>
                    <li><a href="#wor" class="wor"></a></li>
                    <li><a href="#sta" class="sta"></a></li>
                </ul>
                </a>
            </div>
        </div>
    </div>
    <!-- banner -->
    <div class="banner" title="banner" alt="banner">
        <div class="banner1">欢迎来到后端技术与项目开发学习课程！</div>
    </div>
    <!-- 1 -->
    <div class="information">
        <div class="information-title" id="rel">课程简介</div>
        <div class="information-main">
            <div class="left">
                
            </div>
            <div class="right1">
                <P>后端是工作在服务器上的，负责通过API向前端或其他系统提供其所需的信息（如数据等）；</P>
                <P>后端开发实际上是开发Web应用中对用户不可见的部分（如核心业务逻辑、数据库等），大多数的后端开发都是不涉及用户界面的</P>
                <P>（除了在前后端不分离的架构中将前端的静态页面通过模板引擎改造成动态页面时）</P>
                <P>通常情况下，一个Web应用的绝大多数代码都属于后端代码，因为后端承担了Web应用实际的业务逻辑；</P>
            </div>
        
        </div>
    </div>


    <!-- 2 -->
    <div class="hobbies">
        <div class="hobbies-title" id="sta">课程任务组</div>
        <div class="hobbies-main">
            <p>1.thymeleaf 模板、登录模拟</p>
            <div class="box">
            </div>
        </div>
    </div>


        <!-- 3 -->
        <div class="education">
            <button><a href="https://www.bilibili.com/video/BV1HA411p7aA/?spm_id_from=333.337.search-card.all.click" target="_blank">开始学习</a></button>
            <div class="education-main">
                <div class="edu1">
                    <div class="edu-l" title="Mid-career" alt="Mid-career">
                    </div>
                </div>
            </div>
        </div>
</body>

    
</html>